import { defineStore } from 'pinia'
export const themeColor = defineStore('themeColor', {
	state: () => ({
		currentThemeIndex: 0,
		themes: [
			// 蓝色主题
			{
				name: '清新蓝',
				accentColor: '#1E88E5', // 更明亮有活力的蓝色
				successColor: '#43A047', // 自然的绿色
				bgColor: '#F5F7FA', // 更柔和的浅灰蓝背景
				cardColor: '#FFFFFF', 
				navColor: '#FFFFFF',
				textColor: '#2C3E50', // 深蓝灰色文字
				subTextColor: '#607D8B', // 中灰蓝色文字
				dividerColor: '#E0E6ED' // 更柔和的浅蓝灰分隔线
			},
			// 橙色主题
			{
				name: '活力橙',
				accentColor: '#FF6D00', // 鲜艳的橙色
				successColor: '#00BFA5', // 互补的蓝绿色
				bgColor: '#FFF8F2', // 非常浅的米白橙色背景
				cardColor: '#FFFFFF',
				navColor: '#FFFFFF',
				textColor: '#37474F', // 深灰蓝色文字
				subTextColor: '#78909C', // 中灰色文字
				dividerColor: '#FFD0B0' // 浅橙色分隔线
			},
			// 暗色主题
			{
				name: '深邃夜',
				accentColor: '#BB86FC', // 紫色保持
				successColor: '#03DAC6', // 青色保持
				bgColor: '#121212', 
				cardColor: '#1E1E1E',
				navColor: '#1A1A1A', // 比卡片稍深的导航栏
				textColor: '#E0E0E0', // 更亮的文字
				subTextColor: '#9E9E9E', // 中等亮度的文字
				dividerColor: '#333333' 
			}
		]
	}),

	actions: {
		changeTheme(index) {
			this.currentThemeIndex = index
		}
	}
})